<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			#list li {
				padding-left: 50px;
				/*text-align: center;*/
				height: 100px;
				border-bottom: 1px solid #999;
				line-height: 100px;
			}
			
			.back {
				position: fixed;
				bottom: 50px;
				right: 50px;
				width: 50px;
				line-height: 18px;
				font-size: 50px;
				text-align: center;
				cursor: pointer;
				display: none;
			}
		</style>
	</head>

	<body>
		<ul id="list">
			<li>1 web10班都是人才.........</li>
			<li>2 web10班都是人才.........</li>
			<li>3 web10班都是人才.........</li>
			<li>4 web10班都是人才.........</li>
			<li>5 web10班都是人才.........</li>
			<li>6 web10班都是人才.........</li>
			<li>7 web10班都是人才.........</li>
			<li>8 web10班都是人才.........</li>
			<li>9 web10班都是人才.........</li>
			<li>10 web10班都是人才.........</li>
			<li>11 web10班都是人才.........</li>
			<li>12 web10班都是人才.........</li>
			<li>13 web10班都是人才.........</li>
			<li>14 web10班都是人才.........</li>
			<li>15 web10班都是人才.........</li>
			<li>16 web10班都是人才.........</li>
			<li>17 web10班都是人才.........</li>
			<li>18 web10班都是人才.........</li>
			<li>19 web10班都是人才.........</li>
			<li>20 web10班都是人才.........</li>
			<li>21 web10班都是人才.........</li>
			<li>22 web10班都是人才.........</li>
			<li>23 web10班都是人才.........</li>
			<li>24 web10班都是人才.........</li>
			<li>25 web10班都是人才.........</li>
			<li>26 web10班都是人才.........</li>
			<li>27 web10班都是人才.........</li>
			<li>28 web10班都是人才.........</li>
			<li>29 web10班都是人才.........</li>
			<li>30 web10班都是人才.........</li>
			<li>31 web10班都是人才.........</li>
			<li>32 web10班都是人才.........</li>
			<li>33 web10班都是人才.........</li>
			<li>34 web10班都是人才.........</li>
			<li>35 web10班都是人才.........</li>
			<li>36 web10班都是人才.........</li>
			<li>37 web10班都是人才.........</li>
			<li>38 web10班都是人才.........</li>
			<li>39 web10班都是人才.........</li>
			<li>40 web10班都是人才.........</li>
			<li>41 web10班都是人才.........</li>
			<li>42 web10班都是人才.........</li>
			<li>43 web10班都是人才.........</li>
			<li>44 web10班都是人才.........</li>
			<li>45 web10班都是人才.........</li>
			<li>46 web10班都是人才.........</li>
			<li>47 web10班都是人才.........</li>
			<li>48 web10班都是人才.........</li>
			<li>49 web10班都是人才.........</li>
			<li>50 web10班都是人才.........</li>
		</ul>
		<img id="back" class="back" src="img/arrow.png" onclick="goBack();" />
	</body>

	<script type="text/javascript">
		var back = document.getElementById('back');
		window.onscroll = function() {
			var scrollTop = document.documentElement.scrollTop;
			if (scrollTop > 100) {
				back.style.display = 'block';
			} else {
				back.style.display = 'none';
			}
		}
		
		function goBack() {
			document.documentElement.scrollTop = 0;
		}
		
	</script>
</html>